<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no, email=no">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>商品详情</title>
    <link href="../lib/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="../css/style.css">
</head>
<body>
    <header class="navbar navbar-fixed-top navbar-transparent" id="navbar">
        <nav class="dropdown navbar-menu">
            <a id="menu" href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"><span class="glyphicon glyphicon-option-vertical"></span></a>

          <ul id="dropdown-menu" class="dropdown-menu" aria-labelledby="dropdownMenu1">
            <li><a href="#"><span class="glyphicon glyphicon-thumbs-up"></span> 赞</a></li>
            <li><a href="#"><span class="glyphicon glyphicon-share-alt"></span> 分享</a></li>
            <li><a href="#"><span class="glyphicon glyphicon-star"></span> 收藏</a></li>
            <li><a href="#"><span class="glyphicon glyphicon-comment"></span> 评论</a></li>
          </ul>
        </nav>
        <div class="navbar-header" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" style="cursor:pointer">
           <h4 class="brand">商品详情</h4> 
          <a class="navbar-brand" href="#"><span id="return" class="glyphicon glyphicon-menu-left"></span></a>
        </div>
        <div class="clear"></div>
    </header>

    <div id="container" class="container-fluid">
        <div class="head-img" id="head-img">
            <img src="../img/head.jpg">
        </div>
        <div class="row-fluid content-row">
            <div id="buy">
                <span id="peer_price">65.00元</span>
                <del><span id="price">110.00元</span></del>
                <button class="btn btn-info" id="book">立即抢购</button>
                <div class="clear"></div>
            </div>
        </div>
        <hr>
        <div class="row-fluid content-row">
            <div id="info">
                <div id="info-header">
                    赏花踏青美食之旅（5月9日出团）
                </div>
                <div id="info-content">
                    <p>现在购买</p>
                </div>
            </div>
        </div>
        <hr>
        <div class="row-fluid content-row">
            <div id="detail">
                <p>套餐内容</p>
                <table id="detail-table" class="table table-bordered">
                    <!-- thead -->
                    <tr class="active">
                        <td>内容</td>
                        <td>规格</td>
                        <td>小计</td>
                    </tr>
                    <!-- tbody -->
                    <tr>
                        <td id="detail-table-name">赏花踏青美食之旅（5月9日出团）</td>
                        <td id="detail-table-standard">1</td>
                        <td id="detail-table-price">65.00元</td>
                    </tr>
                    <tr>
                        <td colspan="3"><a href="./goods_detail.html" id="detail-detail"><p>点击查看图文详情</p></a></td>
                    </tr>
                </table>
            </div>
        </div>
        <hr>
        <div class="row-fluid content-row">
            <div id="notice">
                <p>购买须知</p>
            </div>
        </div>
        <hr>
        <div class="row-fluid content-row">
            <div id="remark">
                <p>备注：港中旅（珠海）海泉湾度假区是中国港中旅集团继成功开发建设深圳华侨城、世界之窗、锦绣中华之后的又一力作。度假区位于珠海西部海滨，总占地5.1平方公里，首期开发建设面积约1平方公里,投资25亿元人民币。 海泉湾度假区以罕有的海洋温泉为核心，由两座五星级海泉湾维景国际大酒店、刺激动感的神秘岛主题乐园、集美食娱乐演艺于一体的渔人码头、高科技的现代剧院、设备一流星级服务的体检中心、为健康加油的运动俱乐部、打造精英团队的拓展训练营、异域风情的加勒比海岸、南中国最美丽的滨海专业试驾中心（海泉湾博派试驾中心）、高档休闲的高尔夫项目及海泉湾休闲垂钓区等产品和项目组成，是中国目前功能最齐全、综合配套最完善的超大型旅游休闲度假胜地和国际会议中心。港中旅（珠海）海泉湾度假区是中国港中旅集团继成功开发建设深圳华侨城、世界之窗、锦绣中华之后的又一力作。度假区位于珠海西部海滨，总占地5.1平方公里，首期开发建设面积约1平方公里,投资25亿元人民币。 海泉湾度假区以罕有的海洋温泉为核心，由两座五星级海泉湾维景国际大酒店、刺激动感的神秘岛主题乐园、集美食娱乐演艺于一体的渔人码头、高科技的现代剧院、设备一流星级服务的体检中心、为健康加油的运动俱乐部、打造精英团队的拓展训练营、异域风情的加勒比海岸、南中国最美丽的滨海专业试驾中心（海泉湾博派试驾中心）、高档休闲的高尔夫项目及海泉湾休闲垂钓区等产品和项目组成，是中国目前功能最齐全、综合配套最完善的超大型旅游休闲度假胜地和国际会议中心。港中旅（珠海）海泉湾度假区是中国港中旅集团继成功开发建设深圳华侨城、世界之窗、锦绣中华之后的又一力作。度假区位于珠海西部海滨，总占地5.1平方公里，首期开发建设面积约1平方公里,投资25亿元人民币。 海泉湾度假区以罕有的海洋温泉为核心，由两座五星级海泉湾维景国际大酒店、刺激动感的神秘岛主题乐园、集美食娱乐演艺于一体的渔人码头、高科技的现代剧院、设备一流星级服务的体检中心、为健康加油的运动俱乐部、打造精英团队的拓展训练营、异域风情的加勒比海岸、南中国最美丽的滨海专业试驾中心（海泉湾博派试驾中心）、高档休闲的高尔夫项目及海泉湾休闲垂钓区等产品和项目组成，是中国目前功能最齐全、综合配套最完善的超大型旅游休闲度假胜地和国际会议中心。</p>
            </div>
        </div>
        <div class="row-fluid content-row">
            <div id="product-info">
                <table class="table table-bordered">
                    <tr>
                        <td>商品信息</td>
                    </tr>
                    <tr>
                        <td id="product-info-name">赏花踏青美食之旅（5月9日出团）</td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
</body>
<script src="../lib/jquery/dist/jquery.min.js"></script>
<script type="text/javascript" src="../js/navbar_fade.js"></script>
<script type="text/javascript" src="../lib/js-base64/base64.js"></script>
<script src="../lib/bootstrap/dist/js/bootstrap.min.js"></script>
<script type="text/javascript">
$(function(){
    var json;
    // CORS ACESS-ALLOW-ORIGIN:*;
    var id = Base64.encode('{"id":16}');
    $.ajax({
        url: "http://localhost/okhaolvxing/index.php/V2ApiGoods/getContent?req="+id,
        type: "get",
        success: function(data){
            var str = Base64.decode(data);
            json = JSON.parse(str);
            console.log(json);
            $('#info-header').html(json['name']);
            $('#info-content').html(json['backtext']);
            $('#detail-table-name').html(json['name']);
            $('#detail-table-price').html(json['peer_price']+'元');
            $('#remark').html(json['use_limit']);
            $('#product-info-name').html(json['name']);
            $('#peer_price').html(json['peer_price']+'元');
            $('#price').html(json['price']+'元');
        },
        error: function(data) {
            alert("请求失败");
        }
    });

});
</script>

</html>